<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>包含所有表单元素的网页</title>
	</head>
	<body>
		<form action="4.html" method="get">
			<input type="hidden" name="id" value="10000"/>
			<div>
				<label for="guoji">国籍</label>
				<input type="text" name="gj" value="中国" readonly/>
			</div>
			<div>
				<input type="text" name="loginname" placeholder="登录名" required pattern="\w{2,6}"/>
			</div>
			<div>
				<label for="lan">喜欢的编程语言</label>
				<input type="text" name="languiage" value="java" disabled/>
			</div>
			<div>
				<label>名字</label>
				<input type="text" name="realname" size="10" maxlength="6" pattern="[\u4e00-\u9fa5]{2,10}"/>
			</div>
			<div>
				<label>密码</label>
				<input type="password" name="pass"/>
			</div>
			<div>
				<label>手机号</label>
				<input type="tel" name="phone"/>
			</div>
			<div>
				<label>电子邮件</label>
				<input type="email" name="youremail"/>
			</div>
			<div>
				<label>QQ</label>
				<input type="number" name="qq"/>
			</div>
			<div>
				<label>出生日期</label>
				<input type="date" name="birthday"/>
			</div>
			<div>
				<label for="b">生辰八字</label>
				<input id="b" type="datetime-local" name="birthday"/>
			</div>
			<div>
				<label>性别</label>
				<input type="radio" name="sex"  checked value="Male"/>男
				<input type="radio" name="sex" value="Female"/>女
			</div>
			<div>
				<label>爱好</label>
				<input type="checkbox" name="liking"  value="sing"/>唱歌
				<input type="checkbox" name="liking"  value="dancing"/>跳舞
				<input type="checkbox" name="liking" checked value="study" checked/>学习
				<input type="checkbox" name="liking" checked value="game"/>游戏
			</div>
			<div>
				<label>身份证照片</label>
				<input type="file" name="idcard"/>
			</div>
			<!-- select -->
			<div>
				<label>来自哪个省:</label>
				<select name="province" >
					<optgroup label="华东">
						<option value="shanghai">上海</option>
						<option value="anhui" selected>安徽</option>
						<option value="jix">江西</option>
						<option value="fujian">福建</option>
						<option value="jiangsu">江苏</option>
					</optgroup>
					<optgroup label="华南">
						<option value="gd">广东</option>
						<option value="gx">广西</option>
						<option value="taiwan">台湾</option>
					</optgroup>
				</select>
			</div>
			<div>
				<label for="slfIntro">个人介绍</label>
				<textarea name="selfintro" id="slfIntro" cols="49" rows="10"></textarea>
			</div>
			<div>
				<input type="submit"/>
				<input type="reset" value="重置"/>
				<input type="button" value="普通按钮"/>
			</div>
			<div>
				<button type="submit">注册</button>
				<button type="reset">重置</button>
				<button type="button">普通按钮</button>
			</div>
		</form>
	</body>
</html>